<!DOCTYPE html>
<html lang="zh_cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="/webjars/bootstrap/3.4.1/css/bootstrap.css">
</head>
<style>
    body {
        padding-top: 70px;
    }

    .media-object {
        width: 128px;
        height: 128px;
        background-color: #cccccc;
    }
</style>
<body>
<#include "common/header.ftl" >

<div class="container">
    <div class="row">
        <div class="col-md-9">
            <@g_catalog bId="${cId}">
                <div class="page-header">
                    <h1>${catalog.name}</h1>
                </div>
                <@g_articles catalogId="${catalog.bId}">
                    <#list articles as article>
                        <div>
                            <h2><a href="${article.url}">${article.title}</a>
                                <small>${article.createTime}</small>
                            </h2>
                            <p>
                                ${article.summary}
                            </p>
                        </div>
                    </#list>
                </@g_articles>
            </@g_catalog>

        </div>
        <div class="col-md-3">
            <h1>广告位招租</h1>
            <#include "common/sider.ftl" >
        </div>
    </div>
</div>

<script src="/webjars/jquery/3.4.1/jquery.js"></script>
<script src="/webjars/bootstrap/3.4.1/js/bootstrap.js"></script>
</body>
</html>